<template>
    <div class="headTop">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">YQ控制台/运营中心</el-breadcrumb-item>
        </el-breadcrumb>
        <el-dropdown @command="handleCommand">
            <!-- <img :src="baseImgPath + adminInfo.avatar" class="avator"> -->
            <span class="el-dropdown-link">
                头像 134412487414<i class="el-icon-arrow-down el-icon--right"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item>首页</el-dropdown-item>
                <el-dropdown-item>退出</el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>
    </div>
</template>

<script>

export default {
    name:"home",
    components: {
    },
    data () {
        return {
            
        }
    },
    methods: {
        handleCommand(){
            
        }
    }
}
</script>

<style lang="less">
    .headTop{
        height: 60px;
        line-height: 60px;
        background-color: #090933;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding:0 36px;
        .el-breadcrumb{
            // padding-left: 36px;
            line-height: 60px;
        }
        .el-breadcrumb__item{
            height: 60px;
            .el-breadcrumb__inner{
                color: #ffffff;
                font-size: 16px;
            }
        }
        .el-dropdown{
            color: #ffffff;
        }
    }
</style>

